<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
        /* 选中的是没有访问过的a元素 */
        a:link {
            color: green;
        }
        /* 选中的是访问过的a元素 */
        a:visited {
            color: gray;
        }

        /* 选中的是鼠标悬浮状态的a元素 */
        a:hover {
            color: skyblue;
        }

        a:active {
            color: brown;
        }

        span:hover {
            color: green;
        }

        input {
            color: orange;
            background-color: blue;
        }

        input:focus {
            background-color: blueviolet;
        }
    </style>
</head>
<body>

    <a href="https://www.baidu.com">去百度</a>
    <a href="https://anlper.cn">去我的主页</a>
    <span>尚硅谷</span><br>

    <input type="text"><br>
    <input type="text"><br>
    <input type="text">
</body>
</html>